草庐IT

html - CSS 延迟 :active selector taking effect

全部标签

javascript - 外部语言环境文件中的 Angular $sce 与 HTML

将Angular应用程序从1.0.8升级到1.2.8时有关ng-bind-html的问题:我将语言环境字符串存储在名为en_GB.json、fr_FR.json等的文件中。到目前为止,我已经允许在语言环境字符串中使用HTML允许编写本地化内容的团队应用基本样式或添加内联anchor标记。这将产生以下示例JSON:{"changesLater":"Don'tforgetthatyoucanalwaysmakechangeslater.""errorEmailExists":"Thatemailaddressalreadyexists,pleasesignintocontinue."}当将

javascript - ui-router延迟加载状态使用url

我正在尝试查看是否可以使用ui-router通过实现状态的延迟加载将状态设置委托(delegate)给我的应用程序的子组件。虽然我设法使用$state.go或等价物让延迟加载部分工作,但我无法使用URL让它工作。例如,在启动时,我的应用只会设置以下两种状态:view1和view2。当加载view1状态时,它会设置自己的子状态:view1.profile和view1.interest。查看来自Gist的示例站点:http://bl.ocks.org/marcoslin/raw/b59cfa9a9a44bde04f9f/正如您将从上面的示例中看到的,View1Profile在启动时不是有效

javascript - 用户查看页面后启动 CSS3 转换?

我的主页顶部有一个CSS3动画,它会在页面加载后立即启动。问题是,如果用户在新选项卡中打开该页面但没有立即查看它,即使他们没有查看该页面,动画也会播放。有没有办法让动画仅在用户查看该页面后才开始播放?有点像如果您在另一个隐藏的选项卡中打开YouTube视频,它不会自动播放,直到您打开该选项卡。如果您在新选项卡中打开笔,CodePen也会执行相同的操作,直到您查看该选项卡,它才会启动 最佳答案 您需要使用可见性api:https://developer.mozilla.org/en-US/docs/Web/API/Page_Visib

javascript - SetInterval 在多轮执行后创建延迟

我对setInterval的实现有疑问。我创建了一个slider,其中setInterval每隔几秒处理一个函数。我注意到在执行setInterval几分钟和几轮后会产生额外的延迟。请提出这里的问题是什么?$(document).ready(function(){vartotalItems=$('.sliderItem','#slider').length;varcurrentIndex=$('.itemActive').index()+1;varslideTime=3000;functiongoNext(e){$('.sliderItem').eq(e).fadeOut(500);$

javascript - 如何让 ESLint 对 VSCode 中的 HTML 文件进行 lint?

我有一个Javascript浏览器项目拆分为多个文件,无法让ESLint在相同的全局范围内检查我的HTML文件的脚本标签,以便在一个文件中声明和调用类和函数可以在另一个文件中识别。这是我的项目结构:这是foo.js的内容:sayHello();和bar.js:functionsayHello(){console.log('Hello');}我已经在HTML文件中链接了它们:我认为解决这个问题的方法是使用eslint-plugin-html包,但尝试配置它却没有成功。这些是我在项目本地安装的包:Alexs-MacBook-Pro:Demoalexmcdermott$npmlist--de

javascript - 在 HTML5 Canvas 上创建立体 3D 图像

我正在使用HTML5canvas对象创建一个简单的3D引擎。它运作良好,但我想实现红/蓝立体图像处理,这样人们就可以使用红/蓝眼镜真正看到3D。目前,我对3D对象进行了两次渲染,第二次是从紧挨着第一个相机位置的相机位置渲染的。我面临的问题是如何将渲染的两个对象组合成具有正确颜色的浮雕。现在我使用globalAlpha=0.5并将第一个渲染为红色,第二个渲染为蓝色。然而,这并不完全有效,因为仅受红色对象影响的像素应该保持红色,但由于我的背景颜色是黑色,它们会变成黑色和红色之间的颜色。在查看创建3D浮雕的应用程序时,我注意到红色和蓝色像素一起计算如下:2550000255---------

javascript - Socket.IO:断开连接时的 XHR 轮询延迟

我正在使用socket.io和node.js。由于在套接字IO识别XHR-Polling客户端已断开连接之前有几秒钟的延迟,我在跟踪哪些用户在线时遇到了问题。如果XHR-Polling客户端刷新页面,他们的新连接消息似乎先于他们的断开连接消息。这会在尝试跟踪哪些用户在线时造成混淆。一种解决方案是在服务器端检测传输方法并延迟XHR-Polling客户端的连接,以确保首先运行断开连接功能。有没有人有这方面的经验? 最佳答案 正如@davin和@jcolebrand在评论中指出的那样,存在的主要问题是不能仅依赖连接。用户离开页面后,网络设

javascript - 将键盘事件附加到 HTML 中的 SVG 元素

当在浏览器中运行HTML内的SVG时,无论如何要将textInput或keypress(或实际上任何其他文本输入)事件附加到SVG元素?我可以将事件处理程序附加到document.documentElement,但是当我通过任何机制将事件处理程序附加到任何类型的SVGElement时,没有任何反应......SVG,g,rect......我从SVG规范中看到这不受支持(W3SVGlistofevents),但是是否有任何浏览器支持任何“附加功能”?我无法在Chrome或Firefox上运行以下内容...Keyeventtestbody,html{margin:0;padding:0;

javascript - 根据我使用 javascript/JQuery 单击的位置更改 HTML

在html页面中,您可能有一些代码包含如下两段:ThefirstparagraphThesecondparagraph非常简单,这两个标签会像这样呈现:第一段第二段我感兴趣的是允许用户单击呈现的html代码中的某处,以便使用JQuery插入新元素。例如,如果我在第一段中找到的单词f*ir*st中单击字母i和字母r(只需单击,没有突出显示/选择),我将能够插入自定义span元素或我在HTML代码中那个位置完全喜欢的任何东西,结果如下:ThefirstparagraphThesecondparagraph有什么想法可以帮助我吗?我的要求不包括绝对定位。那不会解决我的问题。

javascript - node.js 白板应用程序的客户端或服务器端 HTML5 Canvas 渲染?

我在想一个小的白板网络应用程序会是提高我的node.js和JavaScript技能的好方法。我在网上看到了一些,这很有意义,因为它似乎非常适合这种堆栈。不过,花点时间想想,我想知道客户端和服务器在这种Web应用程序中的Angular色。跌跌撞撞node-canvas,我变得更加糊涂了。客户端和服务器具体应该负责什么?如果服务器能够渲染到Canvas,它是否应该接受并验证来自客户端的输入,然后通过socket.io将其广播给所有其他连接的用户??这样,服务器就保留了一个master-canvas元素。新用户连接后,服务器只需向客户端推出其Canvas-使其与已绘制的内容同步。任何关于实现